	<?php include 'header.php'; ?>
		<div id="property-agents-holder">
			<div id="featured-properties">
				<div id="slider">
					<img src="images/sample1.jpg" />
				</div>
				<ul>
					<li><img src="images/mini.jpg" /></li>
					<li><img src="images/mini.jpg" /></li>
					<li><img src="images/mini.jpg" /></li>
					<li><img src="images/mini.jpg" /></li>
					<li><img src="images/mini.jpg" /></li>
				</ul>	
			</div>
			<div id="agents">
				<h4>ZRES Agents</h4>
				<ul>
					<li>
						<div id="agents-detail">
							<a href="#" id="agent-name">Pui Lai Ho</a>
							<p id="listed">Listed: 4 Properties</p>
						</div>
						<img src="images/pui-lai.jpg"  id="agent-pic"/>
					</li>
					<li>
						<div id="agents-detail">
							<a href="#" id="agent-name">Calvin Chua</a>
							<p id="listed">Listed: 4 Properties</p>	
						</div>
						<img src="images/calvin.jpg"  id="agent-pic"/>
					</li>
					<li>
						<div id="agents-detail">
							<a href="#" id="agent-name">Anna Wang</a>
							<p id="listed">Listed: 4 Properties</p>
						</div>
						<img src="images/ana.jpg"  id="agent-pic"/>
					</li>
					<li>
						<div id="agents-detail">
							<a href="#" id="agent-name">Seth Gwee</a>
							<p id="listed">Listed: 4 Properties</p>
						</div>
						<img src="images/set.jpg"  id="agent-pic"/>
					</li>
					<li>
						<div id="agents-detail">
							<a href="#" id="agent-name">Harry Potter</a>
							<p id="listed">Listed: 4 Properties</p>
						</div>		
						<img src="images/set.jpg"  id="agent-pic"/>
					</li>
				</ul>
			</div>
		</div>
		<div id="property-search-holder">
			<div id="search-form">
				<h4>Search Property</h4>
				<form action="#" method="post">
					<p>Properties for : <input type="radio" value="All" id="all" name="type"/><span>All</span> <input type="radio" value="Buy" id="buy" name="type" /><span>Buy</span> <input type="radio" value="Rent" id="rent" name="type"/><span>Rent</span></p>
					<div id="search-form-left">
						<p>Location : <select id="location">
									 	<option value="">All Locations</option>
										<option value="AK">AK</option>
										<option value="AR">AR</option>
										<option value="CA">CA</option>
										<option value="FL">FL</option>
										<option value="HW">HW</option>
										<option value="MN">MN</option>
										<option value="SC">SC</option>
										<option value="TX">TX</option>
										<option value="MN">MN</option>
										<option value="NJ">NJ</option>
										<option value="NY">NY</option>
										<option value="MA">MA</option>
										<option value="NY">NY</option>
										<option value="OTHER">OTHER</option>  	
									</select></p>
						<p>Price Range : <select id="price-range">
						   					<option value="">All Price Range in $ </option>
											<option value="100-1000">100-1000</option>
											<option value="1000-2000">1000-2000</option>
											<option value="2000-5000">2000-5000</option>
											<option value="5000-10000">5000-10000</option>
											<option value="10000">10000</option>
											<option value="150000">150000</option>
											<option value="150000+">150000+</option>	
					   					</select></p>
					   	<p>Bedrooms : <select id="bedrooms">
						   					<option value="0">0</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7+">7+</option>
					   				  </select>
					   	Bathrooms : <select id="bathrooms">
						   				<option value="">All Bathroom</option>
										<option value="1">1</option>
										<option value="2">2</option>
										<option value="3">3</option>
										<option value="4">4</option>
										<option value="5+">5+</option>
									</select></p>
					</div>						
					<div id="search-form-right">
					   Area (Sq. Ft.) : <select id="area">
						   					<option value="All Area">All Area</option>
											<option value="100-1000">100-1000</option>
											<option value="1000-2000">1000-2000</option>
											<option value="3000+">3000+</option>
					   					</select></p>
					   	Keyword : <input type="text" value="City, State or Zip Code" name="keyword"  id="keyword"/></p>
						<input type="submit" value="Search Properties" id="search-prop" />	
								</p>
					</div>						
				</form>
			</div>
			<div id="property-id-search">
				<h4>Search Property by ID</h4>
				<form action="#" method="post">
					<p>Property ID : </p>
					<input type="text" name="property-id" id="property-id" />
					<input type="submit" name="search" value="Search" id="search-id"/>
				</form>
			</div>
		</div><!--end of property-search-holder-->
		<div id="latest-properties-holder">
			<div id="latest-properties">
				<h4><img src="images/i-icon-featuredproperty.png" />Latest Properties</h4>
				<ul>
					<li>
						<div class="featured-image">
							<a href="#"><img src="images/sample.jpg" alt="featured" /></a>
						</div>
						<div class="content">
							<h5 class="property-name">Yasha Plaza<span class="price">For Sale : $13,258.0</span></h5>
							<p class="address">5608 , Telegraph Road, Toledo, OH, USA</p>
							<div class="property_detail"> 
	                            <p><span class="field"> Area </span> <span>: 2147 (Sq. Ft.) </span> </p> 
	                            <p><span class="field"> Bedrooms </span> <span>:  4 </span></p> 
	                            <p><span class="field"> Bathrooms </span> <span>:  3 </span></p> 
                       		 </div>
							<div class="property_detail"> 
	                           <p> <span class="field"> MLS # </span> <span>: CA4625421 </span> </p> 
	                           <p> <span class="field"> Property ID </span> <span>:  308 </span></p> 
	                           <p><span class="field"> Posted on  </span> <span>:  February 27, 2014 </span></p> 
                        	</div>
						</div>
					</li>
					<li>
						<div class="featured-image">
							<a href="#"><img src="images/sample.jpg" alt="featured" /></a>
						</div>
						<div class="content">
							<h5 class="property-name">Visitor Villa<span class="price">For Sale : $13,258.0</span></h5>
							<p class="address">3403 Sansome Street, San Francisco, CA, USA</p>
							<div class="property_detail"> 
	                            <p><span class="field"> Area </span> <span>: 2147 (Sq. Ft.) </span> </p> 
	                            <p><span class="field"> Bedrooms </span> <span>:  4 </span></p> 
	                            <p><span class="field"> Bathrooms </span> <span>:  3 </span></p> 
                       		 </div>
							<div class="property_detail"> 
	                           <p> <span class="field"> MLS # </span> <span>: CA4625421 </span> </p> 
	                           <p> <span class="field"> Property ID </span> <span>:  308 </span></p> 
	                           <p><span class="field"> Posted on  </span> <span>:  February 27, 2014 </span></p> 
                        	</div>
						</div>
					</li>
					<li>
						<div class="featured-image">
							<a href="#"><img src="images/sample.jpg" alt="featured" /></a>
						</div>
						<div class="content">
							<h5 class="property-name">Ridgedale Palace<span class="price">For Sale : $13,258.0</span></h5>
							<p class="address">6898, West 15th Street, Overland Park, KS, USA</p>
							<div class="property_detail"> 
	                            <p><span class="field"> Area </span> <span>: 2147 (Sq. Ft.) </span> </p> 
	                            <p><span class="field"> Bedrooms </span> <span>:  4 </span></p> 
	                            <p><span class="field"> Bathrooms </span> <span>:  3 </span></p> 
                       		 </div>
							<div class="property_detail"> 
	                           <p> <span class="field"> MLS # </span> <span>: CA4625421 </span> </p> 
	                           <p> <span class="field"> Property ID </span> <span>:  308 </span></p> 
	                           <p><span class="field"> Posted on  </span> <span>:  February 27, 2014 </span></p> 
                        	</div>
						</div>
					</li>
				</ul>
			</div>
			<div id="latest-news">
				<h4>Latest News</h4>
				<div id="news-content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. 

Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. </p>
				</div>
			</div>	
		</div>
	</div>
</body>
</html>